<html>
<head>
  <title>Jam Masuk</title>
  <base href="<?php echo base_url(); ?>" />
  <link rel="stylesheet" href="<?php echo base_url() ?>assets/css/bootstrap.css" type="text/css" />
    <link rel="stylesheet" href="<?php echo base_url() ?>assets/css/animate.css" type="text/css" />
    <link rel="stylesheet" href="<?php echo base_url() ?>assets/css/font-awesome.min.css" type="text/css" />
    <link rel="stylesheet" href="<?php echo base_url() ?>assets/css/font.css" type="text/css" cache="false" />
    <link rel="stylesheet" href="<?php echo base_url() ?>assets/css/plugin.css" type="text/css" />
    <link rel="stylesheet" href="<?php echo base_url() ?>assets/css/app.css" type="text/css" />
    <link rel="stylesheet" href="<?php echo base_url() ?>assets/js/datatables/datatables.css" type="text/css" />
  <script type="text/javascript" language="javascript" src="<?php echo base_url() ?>assets/js/datatables/jquery.dataTables.min.js"></script>
  <script src="<?php echo base_url() ?>assets/js/jquery.min.js"></script>
</head>
<body>
  <!--<?php
  if (empty($hasil)) {
    echo "Data Absensi masih kosong!";
  }
  else {
  ?>-->
  

  <section class="panel">
    <center>
      <h1> Jam Masuk - proses - </h1><hr>
      <i class="fa fa-info-sign text-muted" data-toggle="tooltip" data-placement="bottom" data-title="ajax to load the data."></i> 

      <table id="usertable" class="table table-striped m-b-none" data-ride="datatables">
        <thead>
          <tr class="info">
            <th width=25""> No </th>
            <th> ID User </th>
            <th> Nama </th>
            <th> Tanggal Lahir </th>
            <th> Tempat Lahir </th>
            <th> Role </th>
            <th width="80"> &nbsp; </th>
          </tr>
        </thead> 

        <?php
          $no = 1;
          foreach ($hasil as $data):
        ?>

        <tbody>
          <tr>
            <td> <strong> <?php echo $no; ?> </strong> </td>
            <td> <strong> <?php echo $data->ID_USER; ?> </strong> </td>
            <td> <strong> <?php echo $data->NAMA; ?> </strong> </td>
            <td> <strong> <?php echo $data->TANGGAL_LAHIR; ?> </strong> </td>
            <td> <strong> <?php echo $data->TEMPAT_LAHIR; ?> </strong> </td>
            <td> <strong> <?php echo $data->ROLE; ?> </strong> </td>
            <td>
              <button class="btn btn-xs btn-white" data-toggle="tooltip" data-placement="top" title data-original-title="Edit Data"><a href="index.php/master_user/update_data/<?php echo $data->ID_USER; ?>"><i class="fa fa-pencil"></i></button></a>
              <button class="btn btn-xs btn-white" data-toggle="tooltip" data-placement="top" title data-original-title="Hapus Data"><a href="index.php/master_user/delete_data/<?php echo $data->ID_USER; ?>"><i class="fa fa-times text-danger text"></i></a></button>
            </td>
          </tr>
        </tbody>

        <?php
          $no++;
          endforeach;
        ?>

      </table>
    </center>
  </section>
<?php
}
?>
</div>
  <script type="text/javascript" language="javascript" src="<?php echo base_url() ?>assets/js/datatables/jquery.dataTables.pipeline.js"></script>
    <!-- Bootstrap -->
    <script src="<?php echo base_url() ?>assets/js/bootstrap.js"></script>
    <!-- app -->
    <script src="<?php echo base_url() ?>assets/js/app.js"></script>
    <script src="<?php echo base_url() ?>assets/js/app.plugin.js"></script>
    <script src="<?php echo base_url() ?>assets/js/app.data.js"></script>
</body>
</html>